<%@page import="java.net.URLEncoder"%>
<%@page import="qualomelhor.database.ParametrosSistema.SiteHost"%>
<%@page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="qualomelhor.util.Util"%>
<%@page import="com.google.gwt.core.client.GWT" %>
<%@page import="qualomelhor.gwt.modules.client.LanguageConstants" %>

<%
	String backgroundUrl = (String)session.getAttribute("BACKGROUND");
	String locale = (String)session.getAttribute("LOCALE");
	SiteHost site = SiteHost.getSiteHostPerHost(request.getServerName());

	String pagina = "";
	if (request.getParameter("pagina") != null) {
		pagina = request.getParameter("pagina");
	}

	String keywords = request.getParameter("keywords"); 
%>

<!DOCTYPE html>
<html lang="en">
	<head>
		<title><%=session.getAttribute("paginaAtual")%></title>
		<meta charset="utf-8">
	    <meta name="author" content="<%=site.getPergunta()%> Team">
		<meta name="title" content="<%=session.getAttribute("paginaAtual")%>">
		<% if (pagina.equals("produto")) { %>
			<meta name="description" content="<%=(Util.getConstant("Opiniões sobre ", locale) + keywords + "!" + Util.getConstant("Compare ", locale) + keywords + " " + Util.getConstant("com outros itens!", locale))%>">
		<% } else if (pagina.equals("categoria")) { %>
			<meta name="description" content="<%=(keywords + " - " + Util.getConstant("Compare, opine e avalie sobre itens desta categoria!", locale))%>">
		<% } else { %>
			<meta name="description" content="<%=Util.getConstant("A melhor forma de fazer comparações ou pesquisas rápidas, eficientes e divertidas no seu site ou blog!", locale)%>">
		<% } %>
		<meta http-equiv="expires" content="-1">
		<meta http-equiv="VW96.OBJECTTYPE" content="Internet">
		<meta name="rating" content="webmaster">
		<meta name="revisit-after" content="1 day">
	    <meta name="keywords" content="<%=(keywords != null?keywords:"")%>, <%=Util.getConstant("quem", locale)%>, <%=Util.getConstant("qual", locale)%>, <%=Util.getConstant("melhor", locale)%>, <%=Util.getConstant("comparação", locale)%>, <%=Util.getConstant("pessoas", locale)%>, <%=Util.getConstant("produto", locale)%>, <%=Util.getConstant("habilidade", locale)%>, <%=Util.getConstant("tecnica", locale)%>, <%=Util.getConstant("forma", locale)%>, <%=Util.getConstant("fazer", locale)%>, <%=Util.getConstant("metodo", locale)%>, <%=Util.getConstant("beleza", locale)%>, <%=Util.getConstant("capacidade", locale)%>">
	    <meta name="robots" content="index,follow">
	    <meta http-equiv="content-language" content="<%=locale.substring(0, 2)%>">
	    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	    <meta name="gwt:property" content="locale=<%=locale%>">
		<meta name="reply-to" content="admin@<%=request.getServerName().replace("www.", "")%>">
		<% if (site.equals(SiteHost.SITE_WHAT_IS_BEST)) { %>
			<meta name="google-site-verification" content="Frabn-dQNhCFh5CoFaNZNQ4MDz8EC2-Y4l047KjYNCc" />
		<% } else if (site.equals(SiteHost.SITE_WHICH_IS_BETTER)) { %>
			<meta name="google-site-verification" content="dHqenRouKoVBTRJu8p4m7xEYkWeYTQ9gxfHI-vzPKzk" />
		<% } else if (site.equals(SiteHost.SITE_QUAL_O_MELHOR)) { %>
			<meta name="google-site-verification" content="CCTX4Eht_S5FqIOZe6kfDGWHML9DKvQS9vT8DmAqXoQ" />
		<% } %>
		<meta http-equiv="X-UA-Compatible" content="IE=9" />

		<!--[if IE]>
			<link rel="stylesheet" href="/stylesheets/ie.css" type="text/css" media="screen, projection" />
		<![endif]-->

		<!-- [if IE 9]>
			<meta http-equiv="X-UA-Compatible" content="IE=9" >
		<![endif]-->

	    <!--[if lt IE 9]>
    		<script src="//html5shim.googlecode.com/sin/trunk/html5.js"></script>
    	<![endif]-->

	    <link type="text/css" rel="stylesheet" href="/stylesheets/qualomelhor.css" />
	    <link type="text/css" rel="stylesheet" href="/stylesheets/queryLoader.css" />

		<!--[if IE 6]>
			<script src="/javascript/DD_belatedPNG.js"></script>
			<script>
	  			/* EXAMPLE */
  				DD_belatedPNG.fix('.png_bg');
  
		  		/* string argument can be any CSS selector */
  				/* .png_bg example is unnecessary */
  				/* change it to what suits you! */
			</script>
		<![endif]--> 
		<script type="text/javascript">
			<%@ include file="/javascript/qualomelhor.js" %>
		</script>

		<script type="text/javascript" src="/javascript/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="/javascript/jquery.serialScroll-1.2.2-min.js"></script>
		<script type="text/javascript" src="/javascript/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="/javascript/jquery.queryloader2.js"></script>

		<script type="text/javascript">
			function inicio() {
				//alert("checkVersion() = " + checkVersion());
				if (checkVersion()) {
					resize();
					//alert("resize ok");
					setGameBackground("<%=backgroundUrl%>");
					//alert("background ok");
					setLocaleAtual("<%=locale%>");
					//alert("locale ok");
				} else {
					window.location = "/updateYourBrowser";
				}
			}

			function setGameBackground(imageUrl) {
				//alert("imageUrl = " + imageUrl);
				//alert("verificaGameCarregado_j carregado.." + window.verificaGameCarregado_j);
				if (window.verificaGameCarregado_j) {
					if (window.verificaGameCarregado_j()) {
						window.setSize_j(450, 220);
						window.setBackground_j(imageUrl);
						window.trocaAvatarAleatorio_j(true);
						window.iniciaComportamentoAleatorio_j(2000, 10);
						setTimeout("aguardaBackgroundCarregado();", 1000);
						//alert("executou!");
					} else {
						setTimeout("setGameBackground('" + imageUrl + "');", 2000);
					}
				} else {
					setTimeout("setGameBackground('" + imageUrl + "');", 2000);
				}
			}

			function aguardaBackgroundCarregado() {
				//alert("aguardaBackgroundCarregado");
				if (window.verificaBackgroundCarregado_j()) {
					window.setVisible_j(true);
					document.getElementById("divAbaixoTitulo").style.display = "block";
					window.setPosicaoBoneco_j(50, 60);
					//alert("sendMesText2_j = " + window.sendMsgText2_j);
					window.carregaSequenciaExpressao_j("Bem-Vindo");
					window.sendMsgText2_j("<%=Util.getConstant("Seja bem vindo ao Qual o Melhor!", locale) %>", true);
					//setTimeout("window.sendMsgText2_j('Teste Teste Teste teste teste teste', true);", 5000);
					//setTimeout("window.setPosicaoBoneco_j(50, 60);", 4000);
					//alert("msg ok");

				} else {
					setTimeout("aguardaBackgroundCarregado();", 200);
				}
			}

			function showDivBloqueio() {
				document.getElementById("divBloqueio").style.display="block";
				document.getElementById("divBloqueioSolido").style.display="block";
			}

			function trocaLocale(combo) {
				//alert("combo = " + combo.options[combo.options.selectedIndex].value);
				var lang = combo.options[combo.options.selectedIndex].value;

				/*
				var newLoc = new String(top.location);
				//alert("newLoc antes = " + newLoc);
				if (newLoc.indexOf("?", 0) != -1) {
					if (newLoc.indexOf("?locale=") != -1) {
						newLoc = newLoc.substring(0, newLoc.indexOf("?locale=")) + "?locale=" + lang;
					} else {
						newLoc = newLoc + "&locale=" + lang;
					}
				} else {
					newLoc = newLoc + "?locale=" + lang;
				}
				//alert("newLoc = " + newLoc);
				*/
				window.location = "/changelocale/" + lang;
			}

			function setLocaleAtual(locale) {
				//alert("setlocale = " + locale);
				var combo = document.getElementById("comboLocale");
				//alert("combo = " + combo);
				for (var i = 0; i < combo.options.length; i++) {
					if (locale == combo.options[i].value) {
						//alert("combo.options[" + i + "] = " + combo.options[i].value);
						combo.options.selectedIndex = i;
						break;
					}
				}
			}
		</script>

		<script type="text/javascript">

			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-36017337-1']);
			_gaq.push(['_setDomainName', '<%=site.getHost().replace("www.", "")%>']);
			_gaq.push(['_setAllowLinker', true]);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  			})();

		</script>

	</head>

	<body id="mybody" style="background-image: url('<%=backgroundUrl%>');" onload="inicio();">
		<div id="fb-root"></div>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/<%=locale%>/all.js#xfbml=1";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>

		<header id="divHeader">
			<%@ include file="titulo.jsp" %>
		</header>

		<div id="divAbaixoTitulo" style="display: none;">

			<section id="divMenu">
				<% if (request.getParameter("idcategoria") != null) { %>
					<% String menu = "menu.jsp?idcategoria=" + request.getParameter("idcategoria"); %>
					<jsp:include page="<%=menu%>" flush="true"/>
				<% } else { %>
					<jsp:include page="menu.jsp" flush="true"/>
					<%//@ include file="" %>
				<% } %>
			</section>

			<section id="divConteudo">
				<div class="backgroundTransp" style="background-color: blue;">
				</div>

				<%
					String result = "ultimasComparacoes";
					System.out.println("pagina em index.jsp = [" + pagina + "]");
					if (pagina.equals("ultimasComparacoes")) {
						result = "ultimasComparacoes.jsp";
					} else if (pagina.equals("detalhecomparacao")) {
						result = "detalheComparacao.jsp?idcomparacao=" + request.getParameter("idcomparacao");
					} else if (pagina.equals("novousuario")) {
						result = "novoUsuario.jsp";
				    } else if (pagina.equals("comparacao")) {
				    	result = "comparacao.jsp";
				    } else if (pagina.equals("testegame")) {
				    	result = "testeGame.jsp";
				    } else if (pagina.equals("meuspedidos")) {
				    	result = "meusPedidos.jsp";
				    } else if (pagina.equals("confirmapedido")) {
				    	result = "confirmaPedido.jsp";
			    	} else if (pagina.equals("categoria")) {
			    		result = "produtosCategoria.jsp?idcategoria=" + request.getParameter("idcategoria");
			    	} else if (pagina.equals("produto")) {
					    result = "detalheProduto.jsp?idproduto=" + request.getParameter("idproduto");
			    	} else if (pagina.equals("editarcategoria")) {
			    		result = "editarCategoria.jsp";
			    	} else if (pagina.equals("editarcomparacao")) {
			    		result = "editarComparacao.jsp";
			    	} else if (pagina.equals("editardesconto")) {
			    		result = "editarDesconto.jsp";
			    	} else if (pagina.equals("editarproduto")) {
			    		result = "editarProduto.jsp";
			    	} else if (pagina.equals("editartermoidioma")) {
			    		result = "editarTermoIdioma.jsp";
			    	} else if (pagina.equals("produtoBusca")) {
			    		result = "produtosBusca.jsp?partenome=" + request.getParameter("partenome");
			    	} else if (pagina.equals("contato")) {
			    		result = "contato.jsp";
			    	} else if (pagina.equals("escolhercategoria")) {
			    		result = "escolhercategoria.jsp";
			    	} else if (pagina.equals("mensagemenviada")) {
			    		result = "mensagemEnviada.jsp";
			    	} else if (pagina.indexOf("testebusca") == 0) {
			    		result = "testeBuscaWidget.jsp";
			    	} else if (pagina.equals("mensagem")) {
			    		result = "mensagem.jsp?msg=" + request.getParameter("msg");
			    	} else {
			    		result = "mensagem.jsp?msg=" + URLEncoder.encode(Util.getConstant("Página não encontrada. Lamentamos o inconveniente.", locale) + " [" + pagina + "]", "UTF-8");
			    	}
					System.out.println("Result de index.jsp = " + result);
				%>
				<jsp:include page="<%=result%>" flush="true"/>
			</section>
			
			<div id="divBtnIniciais">
				<div class="backgroundTransp">
				</div>
				<div id="subDivBtnIniciais" style="position: relative; left: 451px; height: 210px; overflow: hidden;">
					<div style="position:absolute; top:60px; width:100%; height:90px; margin:0px 5px;">
						<div class="fontPadrao" style="position: relative; width: 65%; float: left;">
							<span class="fontTexto5"><%=Util.getConstant("Bem vindo ao QUAL O MELHOR.", locale)%></span>
							<br><br>
							<span class="fontPadrao3"><%=Util.getConstant("Crie comparações rápidas, eficientes e divertidas!", locale)%></span>
							<br>
							<span class="fontPadrao3"><%=Util.getConstant("Compartilhe nas redes sociais para saber a opinião dos seus amigos!", locale)%></span>
							<br><br>
							<span class="fontTexto5" style="font-size: 16px; font-family: tahoma;"><%=Util.getConstant("Compartilhe no seu site / blog e ganhe um link de volta!", locale)%></span>
						</div>
						<div style="position: relative; width: 35%; float: right;">
							<button class="btnCriarComp" onclick="window.location.href='/criar-comparacao-2-itens';"><%=Util.getConstant("Comparar 2 Itens", locale)%></button>
						</div>
					</div>

					<iframe name="frmLoginFB" src="/testelogin" style="position: absolute; top:5px; height: 50px; width: 300px; overflow: hidden; float: left;">
					</iframe>

					<div style="position:absolute; top:20px; left: 281px; height:22px;">
						<div class="fb-like" data-send="false" data-layout="button_count" data-show-faces="false" style="position: relative; float: left;"></div>
					</div>
				</div>
			</div>

		</div>
		<div id="divFooter">
			<div id="divBackGroundFundo" class="backgroundTransp" style="height: 30px; background-color: orange;">
			</div>
			<div style="position:relative; height: 100%;">
				<div style="position:absolute; top:50%; height:18px; margin-top:-9px; left: 0px;"><%=Util.getConstant("Idioma:", locale)%><select id="comboLocale" style="height: 18px; font-size: 10px;" onchange="trocaLocale(this);"><option value="en_US">English</option><option value="pt_BR">Português</option></select></div>
				<div style="position:absolute; top:50%; height:12px; margin-top:-6px; right: 0px;"><a href="/contato"><%=Util.getConstant("contato", locale)%></a> &bull; <%=Util.getConstant("mapa do site", locale)%> &bull; Vers: 2012-10-19.1</div>
			</div>
		</div>

		<div id="playn-root" style="position: absolute; top: 0px; left:0px; width: 450px; height: 250px; margin: 0px; padding: 0px; background-color: green;">
		</div>

		<div id="divBloqueio">

		</div>

		<div id="divBloqueioSolido">
			<div style="position:relative; width: 300px; height: 100%; margin: 0px auto;">
				<div id="divPopupCentro" style="position:relative; top:50%; width: 500px; height:500px; margin-top:-150px; border: medium solid white; background-color: red;">
					<div style="position:relative; top:50%; height:250px; width:300px; margin:-150px auto; background-color: orange;">
						<button class="btnCriarComp" onclick="top.location.href='/opinion_about_1_item';"><%=Util.getConstant("Opinião Sobre 1 Item", locale)%></button>
						<br>
						<button class="btnCriarComp" onclick="top.location.href='/criar-comparacao-2-itens';"><%=Util.getConstant("Comparar 2 Itens", locale)%></button>
						<br>
						<button class="btnCriarComp" onclick="top.location.href='/criar-comparacao-multi';"><%=Util.getConstant("Comparar 3 Itens ou Mais", locale)%></button>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src='/qualomelhor.gwt.modules.TestePlayN/qualomelhor.gwt.modules.TestePlayN.nocache.js'></script>
		<script type="text/javascript">
			var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/i) ? true : false );
			if (iOS) {
				window.addEventListener('DOMContentLoaded', function() {
					$("body").queryLoader2();
				});
			} else {
				$(document).ready(function () {
					$("body").queryLoader2();
				});				
			}
		</script>
	</body>
</html>